.content {
   width: 1000px;
   margin: 50px auto 50px;
   border: 1px solid #EBEFF5;
   box-shadow: 0px 2px 5px #333333;
   border-radius: 5px;
   padding-bottom: 50px;
}

.title {
   width: 100%;
   height: 65px;
   border-bottom: 1px solid #EBEFF5;
   padding: 18px 0 0 27px;

}

.title h3 {
   font-size: 22px;
   color: #4A4A4A;
}


.main {
   padding-top: 60px;
   display: flex;
   justify-content: space-around;
}

.main div:first-child ul {
   display: flex;
   justify-content: space-between;
   list-style: none;
   margin: 0;
   padding: 0;
   font-size: 14px;
   color: #969696;

}

.main div:first-child ul span {
   font-size: 25px;
   font-style: italic;
   color: #4CC5CD;
}

.main div:first-child ul li:nth-child(2) span {
   color: #FF6C60;
}

.main div:first-child ul li:nth-child(3) span {
   color: #AAAAAA;
}

.main div:first-child ul li:nth-child(4) span {
   color: #5D78BB;
}


.main div:last-child .goup {
   font-size: 16px;
   line-height: normal;
   color: #4A4A4A;
}

.main div:last-child .goup span {
   font-size: 50px;
   font-style: italic;
   color: #FF6C60;
   line-height: 50px;
}

.main div:last-child .colorsample {
   display: flex;
   justify-content: space-between;
   list-style: none;
   margin: 0;
   padding: 23px 0 0 0;
   font-size: 14px;
   color: #969696;
}

.main div:last-child .colorsample li {

   margin-right: 19px;
}

.main div:last-child .colorsample li span {
   height: 7px;
   width: 7px;
   display: inline-block;
   border-radius: 50%;
   margin-right: 7px;
}

.main div:last-child .colorsample li:nth-child(1) span {
   background-color: #4CC5CD;
}

.main div:last-child .colorsample li:nth-child(2) span {
   background-color: #FF6C60;
}

.main div:last-child .colorsample li:nth-child(3) span {
   background-color: #5D78BB;
}

.main div:last-child .colorsample li:nth-child(4) span {
   background-color: #AAAAAA;
}

.main div:last-child .colorsample li i {
   color: #FF6C60;
   font-style: inherit;
}



.boxes {
   padding: 10px 0 30px;
}

.boxes li {
   position: relative !important;
   height: 42px;
   border: 1px solid #E8E8E8;
   color: #AAAAAA;
   line-height: 40px;
   text-align: center;
}

.correct-color {
   color: #4CC5CD !important;
}

.wrong-color {
   color: #FF6C60 !important;
}




.button {
   width: 100px;
   height: 45px;
   background-color: #FF6C60;
   color: #fff;
   font-size: 20px;
   line-height: 45px;
   text-align: center;
   outline: 0;
   padding: 0;
   border: none;
   border-radius: 5px;
}